<template>
  <div class="">
    <h1>测试button组件</h1>
    <my-button @click="hClick">我是一个插槽组件</my-button><br>
    <my-button>我是一个插槽组件</my-button><br>
    <my-button size="massive">这是一个massive超大按钮</my-button><br>
    <my-button animated>
      <div slot="hidden">$1000</div>
      <div slot="visible">鼠标放上来看看</div>
    </my-button><br>
    <my-button animated="fade">
      <div slot="hidden">$1000</div>
      <div slot="visible">鼠标放上来看看</div>
    </my-button><br>
    <my-button animated="vertical">
      <div slot="hidden">$1000</div>
      <div slot="visible">鼠标放上来看看</div>
    </my-button><br>
  </div>
</template>
<script>
export default {
  methods: {
    hClick () {
      alert(123);
    }
  }
};
</script>
